body{
	max-width:750px;
	margin:0 auto;
	font-size: .28rem;
	line-height:1;
	color: #DDE1EE;
}
img{
	max-width:100%;
	vertical-align: top;
}
.container{
	width:7.5rem;
	background: url("../imgs/bg.png") no-repeat;
	-webkit-background-size: 7.5rem 13.34rem;
	background-size: 7.5rem 13.34rem;
	background-color: #14171A;
}
.header{
	padding-top: .62rem;
}
.header .logo{
	width:2.02rem;
	height:.76rem;
	display: block;
	cursor:pointer;
	margin:0 auto;
}
.header .h1{
	text-align: center;
	height: .86rem;
	margin-top: .32rem;
}
.header .h1 img{
	width: 6.6rem; 
	height: .86rem;
}
.content{
	margin-top: 4.84rem;
}
.video-box{
	display:flex;
	justify-content:center;
	align-items:center;
	width: 6.74rem; 
	height: 3.8rem; 
	background: url("../imgs/video_bg.png") no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
    margin:0 auto 1.22rem;	
}
.video-container{
	width: 6.5rem; 
	height: 3.56rem;
	position: relative;
	/* background:url('../imgs/cover_img.png') no-repeat; */
	-webkit-background-size: cover;
	background-size: cover;
	position: relative;
	-webkit-border-radius: .16rem;
	-moz-border-radius: .16rem;
	border-radius: .16rem;
}
.video-container:before{
	content:"";
	display:block;
	width:100%;
	height:100%;
	-webkit-border-radius: .16rem;
	-moz-border-radius: .16rem;
	border-radius: .16rem;
	background-color: #000;
	opacity:.4;
	z-index:2;
	position: absolute; 
	left:0;
	top:0;
}
.video-container video{
	-webkit-border-radius: .16rem;
	-moz-border-radius: .16rem;
	border-radius: .16rem;
}
.btn-play{
	width: 1.24rem; 
	height: 1.24rem; 
	background: url('../imgs/play_video_icon.png') no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	position: absolute;
	left:50%;
	top:50%;
	margin-left: -.62rem; 
	margin-top: -.62rem; 
	z-index:8;
}
.played:before{
	display: none;
}
.played .btn-play{
	display: none;
}

.module{
	display:flex;
	justify-content:space-between;
	align-items:flex-starts;
	width: 6.7rem; 
	height: 3.6rem;
	background: url(../imgs/modular_1_bg@2x.png) no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	margin:0 auto .62rem;
	padding:0 .4rem;
}
.module .imgbox{
	padding-top: .68rem;
}
.module .imgbox img{
	width: 2.8rem; 
	height: 2.8rem; 
}
.module .textbox{
	width: 2.96rem;
	line-height:.4rem;
	padding-top: 1.38rem;
}
.module1{
	background-image: url(../imgs/modular_2_bg@2x.png);
}
.footer{
	background: url(../imgs/bottom_img@2x.png) center bottom no-repeat #14171A;
	-webkit-background-size: 7.5rem 2.52rem;
	background-size: 7.5rem 2.52rem;
}
.interview{
	width: 6.7rem; 
	height: 3.66rem; 
	background: url(../imgs/interview_bg@2x.png) no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	margin:0 auto;
	padding-top: .28rem;
}
.interview .h1{
	font-size: .44rem; 
	color: #DDE1EE;
	text-align: center;	
	line-height:.54rem;
}
.interview .h2{
	line-height:.4rem;
	color: #DDE1EE;
	text-align: center;
	margin-top: .16rem;
}
.interview .arrow{
	height:.36rem;
	overflow:hidden;
	text-align: center;
	margin-top: .16rem;
}
.interview .arrow img{
	width: .36rem; 
	height: .36rem;
}
.interview .h3{
	line-height:.34rem;	
	color: rgba(255, 255, 255, 0.36);
	font-size: .24rem;
	text-align: center;
	margin-top: .30rem;
}
.interview .btnbox{	
	display:flex;
	height:.8rem;
	align-items:center;
	margin-top: .32rem;
	-webkit-border-radius: .16rem;
	-moz-border-radius: .16rem;
	border-radius: .16rem;
	background-color: #fff;
}
.interview .btnbox .link{
	flex:1;
	font-size: .3rem;
	color: #14171A;
	padding:0 .4rem;
}
.interview .btnbox .btn{
	width: 1.74rem; 
	height: .8rem; 
	line-height:.8rem;
	color: #fff;
	text-align: center;
	font-weight: 600;
	-webkit-border-radius: .16rem;
	-moz-border-radius: .16rem;
	border-radius: .16rem;
	background-color: #0091FF;
}
.copyright{
	height: 1.2rem;
	line-height:1.2rem;
	background: rgba(0, 0, 0, 0.85);
	margin-top: 1.1rem; 
	font-size: .24rem; 
	text-align: center;
	color: rgba(255, 255, 255, 0.36);
}